<template>
	<view>
		<!-- 头部 -->
		<view class="top">
			<view class="ret"><text class="iconfont icon-zuo" @tap="$common.go1()">返回</text></view>
			<view class="cen">缴费记录</view>
		</view>
		<!-- 全部 -->
		<view class="box">
			<view class="all">
				全部
			</view>
			<view class="lei">
				缴费类型<text class="iconfont icon-arrow-down-s-fill"></text>
			</view>
		</view>
		<!-- 一行文字 -->
		<view class="lin">
			<view class="">
				清水镇1号楼1单元2203<text class="iconfont icon-xia"></text>
			</view>
			<view class="">
				2021-09<text class="iconfont icon-arrow-down-s-fill"></text>
			</view>
		</view>
		
		
		<!-- 内容部分1 -->
		<view class="maxbox">
			<!-- 地址 -->
			<view class="site">
				物业费账单
			</view>
			<!-- 一条线 -->
			<view class="xian"></view>
			<!-- 姓名 -->
			<view class="name-box">
				<view class="name-a">房号</view>
				<view>1201</view>
			</view>
			<!-- 性别 -->
			<view class="name-box">
				<view class="name-a">帐单</view>
				<view>2021-4-1至2021-10-15</view>
			</view>
			<!-- 电话 -->
			<view class="name-box">
				<view class="name-a">账单金额</view>
				<view>￥360.00元</view>
			</view>
			<!-- 身份证号 -->
			<view class="name-box">
				<view class="name-a">缴费时间</view>
				<view>2021-10-10</view>
			</view>
			<!-- 住户类型 -->
			<view class="name-box">
				<view class="name-a">付款方式</view>
				<view>微信时间</view>
			</view>
		</view>
		
		<!-- 内容部分2 -->
		<view class="maxbox">
			<!-- 地址 -->
			<view class="site">
				物业费账单
			</view>
			<!-- 一条线 -->
			<view class="xian"></view>
			<!-- 姓名 -->
			<view class="name-box">
				<view class="name-a">房号</view>
				<view>1201</view>
			</view>
			<!-- 性别 -->
			<view class="name-box">
				<view class="name-a">帐单</view>
				<view>2021-4-1至2021-10-15</view>
			</view>
			<!-- 电话 -->
			<view class="name-box">
				<view class="name-a">账单金额</view>
				<view>￥360.00元</view>
			</view>
			<!-- 身份证号 -->
			<view class="name-box">
				<view class="name-a">缴费时间</view>
				<view>2021-10-10</view>
			</view>
			<!-- 住户类型 -->
			<view class="name-box">
				<view class="name-a">付款方式</view>
				<view>微信时间</view>
			</view>
		</view>
		
		<!-- 内容部分3 -->
		<view class="maxbox">
			<!-- 地址 -->
			<view class="site">
				物业费账单
			</view>
			<!-- 一条线 -->
			<view class="xian"></view>
			<!-- 姓名 -->
			<view class="name-box">
				<view class="name-a">房号</view>
				<view>1201</view>
			</view>
			<!-- 性别 -->
			<view class="name-box">
				<view class="name-a">帐单</view>
				<view>2021-4-1至2021-10-15</view>
			</view>
			<!-- 电话 -->
			<view class="name-box">
				<view class="name-a">账单金额</view>
				<view>￥360.00元</view>
			</view>
			<!-- 身份证号 -->
			<view class="name-box">
				<view class="name-a">缴费时间</view>
				<view>2021-10-10</view>
			</view>
			<!-- 住户类型 -->
			<view class="name-box">
				<view class="name-a">付款方式</view>
				<view>微信时间</view>
			</view>
		</view>
		<view class="div">
			
		</view>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	@import url(./payment-records.less);
</style>
